@import url("../../style/style.less");
.page {
    background-color: #EEEEF4;
	.swiper {
	    height: 273px;
	    .img {
	        width: 100% !important;
	    }
	}
	.notify-container {
		background-color: #fff;
		padding: 25rpx;
		position: relative;
		margin-bottom: 20rpx;
		.notify-title {
			font-size: 34rpx;
			color: @background-color;
			margin-bottom: 10rpx;
			.notify-icon {
				width: 38rpx;
				margin-right: 5rpx;
				vertical-align: -8rpx;
			}
		}
		.notify-content {
			font-size: 30rpx;
			color: @font-color;
			&:before {
				display: inline-block;
				content: "";
				width: 12rpx;
				height: 12rpx;
				border-radius: 6rpx;
				margin-left: 18rpx;
				margin-right: 15rpx;
				vertical-align: 3rpx;
			}
		}
		.more-icon {
			position: absolute;
			right: 5rpx;
			top: 50rpx;
			width: 60rpx;
		}
	}
}

.nav-container {
	background-color: #fff;
	margin-bottom: 20rpx;
	padding: 50rpx 40rpx;
	 .nav-row {
		 display: flex;
		 justify-content: space-between;
		 margin-bottom: 50rpx;
		 .nav {
			 text-align: center;
			 .icon {
				 width: 80rpx;
			 }
			 .name {
				 display: block;
				 font-size: 30rpx;
				 color: @font-color;
			 }
		 }
	 }
}
